@import "variable";
@media only screen and (min-width: 1410px) {
    .container {
        width: 1390px;
    }
    header {
        .logo {
            width: 360px;
        }
        .search_text {
            width: 616px;
        }
        .fore{
                width: 140px;
                .spacer{
                    width: 138px;
                }
            
        }
        .hotwords {
            width: 668px;
        }
    }
    nav {
        .dd_layer {
            width: 999px;
        }
        .subitems dd{
            width: 620px;
        }
    }
    #content{
        .slider{
            width: 1180px;
        }
    }
    footer{
        .service_inner{
            width: 1190px;
        }
        .service_item{
            width: 297px;
        }
        .footer_help dl{
            width: 278px;
        }
    }
    
}
@media only screen and (max-width:1410px) and (min-width: 1230px) {
    .container {
        width: 1210px;
    }
    header {
        .logo {
            width: 310px;
        }
        .search_text {
            width: 446px;
        }
        .fore{
                width: 140px;
                .spacer{
                    width: 138px;
                }
            
        }
        .hotwords {
            width: 518px;
        }
    }
    nav {
        .dd_layer {
            width: 999px;
        }
        .subitems dd{
            width: 620px;
        }
    }
    #content{
        .slider{
            width: 1000px;
        }
    }
    footer{
        .service_inner{
            width: 1190px;
        }
        .service_item{
            width: 297px;
        }
        .footer_help dl{
            width: 275px;
        }
    }
}
@media only screen and (max-width:1230px) {
    .container {
        width: 990px;
    }
    header {
        .logo {
            width: 290px;
        }
        .search_text {
            width: 370px;
        }
        .fore{
                width: 101px;
                .spacer{
                    width:99px ;
                }
         }
        .hotwords {
            width: 462px;
        }
    }
    nav {
        .dd_layer {
            width: 779px;
        }
        .subitems dd{
            width: 480px;
        }
    }
    #banner {
        .banner1 {
            width: 590px;
        }
        .slider_extend_item {
            width: 290px;
        }
    }
    #content{
        .slider{
            width: 780px;
        }
    }
    footer{
        .service_inner{
            width: 990px;
        }
        .service_item{
            width: 247px;
        }
        .footer_help dl{
            width: 222px;
        }
    }
}
